import Vue from 'vue';
import VueRouter from 'vue-router';

// 引入组件
import Login from '../pages/Login';
import Home from '../pages/Home';
import Music from '../pages/Home/music'
import News from '../pages/Home/news'
import Game from '../pages/Home/game'

Vue.use(VueRouter)

export default  new VueRouter({
    routes:[{
        path:'/login',
        component:Login,
    },
    {                            
        path:'/home',
        component:Home,
        children:[
            // {
            //     path:'music/:id/:time? ',
            //     name:'music',
            //     component:Music
            // },
            {
                path:'music/:id/:time? ',
                name:'music',
                component:Music,
                props:true
             
            },
            {
                path:'news',
                name:'news',
                component:News
            },
            {
                path:'game',
                component:Game,
                // props写成函数的时候接收一个参数 这个参数是组件对应的route信息
                props:(route)=>{
                    return route.query
                }
            },
            // 子路由重定向
            // 1.默认子路由：
            // {
            //     path:'',
            //     component:Music                                   
            // }

            // 2.利用redirect重定向
            // 只要路径是home则默认进入/home/music
            {
                path:'/home',
                redirect:'/home/news'
            }
        ]
    },
    {
        // 在path为“/"的时候默认进入login
        path:'/',
        component:Login
    }
]
})